input[type="text"] {height: 18px;padding-top: 3px;line-height:1.4}
input[type="password"]{height: 18px;padding-top: 3px;line-height:1.4}
input[type="checkbox"]{margin:5px 0 0 0;padding:0}
.ie7 input[type="checkbox"]{margin-top:-2px;padding:0;line-height:1}
input[type="radio"]{margin:5px 2px 0 2px; float:left}
.ie8 input[type="radio"], .ie7 input[type="radio"]{margin:2px 0 0 0}
.chrome select{margin:0}

.border_none{ border:none}
input.ui-button {padding: 0; margin:0}
.ie7 input.ui-button {margin-top:1px}
.fileinput-wrapper {position:relative;display:inline-block;zoom:1;*display:inline;overflow:hidden;padding:0;}
.fileinput-input {float:left;height:22px;overflow:hidden;width:300px;white-space:nowrap; line-height:1.4}
.fileinput-button {float:left;height:22px;overflow:hidden; width:30px; white-space:nowrap; text-align:center}
.fileinput-button-text {}
.fileinput-file {position:absolute;left:-9999px;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;}

/* jquery css override */
.ie6 .ui-widget-content { height:20px; line-height:1.4}
.ui-widget-content { border: 1px solid #3BAAE3; background: #ffffff ; color: #362b36;}
.ui-dialog .ui-dialog-titlebar { padding:0 0 0 5px; position: relative;  }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding:5px 0 0 0; background: none; overflow: auto; zoom: 1; }
.ui-dialog {overflow: hidden;padding: 2px;position: absolute;width: 300px;}
.ui-datepicker .ui-datepicker-header{padding:1px 2px 2px 2px}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 40%;}
.ui-datepicker select.ui-datepicker-year{margin-right:3px}
.ui-datepicker select.ui-datepicker-month{margin-left:3px}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {margin-left: -8px;margin-top: -7px;}
.ui-datepicker-trigger{ position:relative;top:-2px}
.ie8 .ui-datepicker-trigger{ position:relative;top:-1px}
.ie7 .ui-datepicker-trigger{ position:relative;top:-5px}

.ie6 .ui-datepicker-trigger{ display:table-row; position:static; top:-2px}
.ie7 .ui-datepicker-trigger{ display:table-row; position:static; top:-2px}

/* jqgrid css override */
.ui-jqgrid .ui-jqgrid-htable th {height: 24px;padding: 2px 2px 0px 2px;}
.ui-jqgrid tr.jqgrow td {height: 20px;padding: 2px;}
.ui-jqgrid .ui-paging-info {display: none;}
.ui-search-toolbar .ui-state-default,
.ui-search-toolbar .ui-widget-content .ui-state-default,
.ui-search-toolbar .ui-widget-header .ui-state-default { background: #FFFFFF; border: 1px solid #3BAAE3;color: #FFFFFF;font-weight: normal;}
.ui-jqgrid tr.ui-search-toolbar th  {height: 22px;padding: 0;border-top-width: 0px !important;}
.ui-jqgrid .ui-pg-input {border: 1px solid #3BAAE3; color: #362b36;height: 16px;font-size: inherit;margin: 0;}
.ui-search-toolbar input[type="text"]{ border: 1px solid #3baae3; color: #362b36; float:left}
tr.ui-search-toolbar input {height: 18px;margin: 1px;padding: 0;width: 90%;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {opacity: 1;}
.ie7 .ui-priority-secondary,.ie7  .ui-widget-content .ui-priority-secondary,.ie7  .ui-widget-header .ui-priority-secondary {opacity: 1; font-weight: bold}

.ie7 table{ float:left}
.ie6 table{ float:left}
.list_link {
  color: #09F !important;
  text-decoration: underline !important
}
.list_link:hover {
  color: #ff00ba !important;
  text-decoration: underline !important
}
/**/
.text_left{text-align:left}
.text_right{text-align:right}
.text_center{text-align:center}
.text_input{color:#F0C; font-weight:bold}

.label_list{background: url("./theme/images/ui-bg_glass_45_0078ae_1x400.png") repeat-x scroll 50% 50% #0078AE;border: 1px solid #77D5F7;color: #FFFFFF;font-weight: normal;}
.label_content{color:#009; font-weight:bold}
.padding{padding:10px;}
.text_padding{padding:0 2px 0 2px}

label{vertical-align:middle; padding-left:3px}

.formLabel{background: url("./theme/images/ui-bg_glass_45_0078ae_1x400.png") repeat-x scroll 50% 50% #0078AE;border: 1px solid #77D5F7;color: #FFFFFF;font-weight: normal;}
.gridLabel{background: url("./theme/images/ui-bg_glass_45_0078ae_1x400.png") repeat-x scroll 50% 50% #0078AE;color: #FFFFFF}
.Label{color: #FFFFFF}
.padding{padding:10px;}
.padding_l10{padding-left:10px;}
.padding_l5{padding-left:5px;}
.radio{height:24px}

.noIME {
ime-mode: disabled !important;
} 

.gridButton{ 
 height:18px !important;
 width:33px;
}

.zoomButton {font-size: 10px !important;height: 17px !important;width: 17px !important;position: relative;top: 3px;}
.ie7 .zoomButton{position: relative;top: 0px;}
.ie8 .zoomButton{position: relative;top: 3px;}
.ie6 .zoomButton{font-size:10px !important;line-height:0.2; height: 1px !important;width: 15px !important;position: relative;top: 0px;}

.menuButton {
width:215px !important
}

.mainButton {
width:150px !important;
height: 24px !important;
}

.browseButton {
width:30px !important;
height: 24px !important;
}

.subButton {
width:70px !important;
height:24px !important;
}

.BTN_datalist{display:block;position:static}

.hidden{ display:none}

.highLightInput {background-color: #FFC !important}

.divRight{float:right}

.divLeft{float:left}

.divBlue{ background-color:#004e9e}

.divGreen{ background-color:#006700}

.bg_color_1{background-color:Red;}  
.bg_color_2{background-color:Blue;}
.bg_color_3{background-color:Green;}
.bg_color_4{background-color:Yellow;}

.borderRed{ border-bottom-color:Red}
.text_red{color:Red;}
.text_blue{color:Blue;}
.text_green{color:#03c208;}
.text_white{color:White;}
.text_yellow{color:Yellow;}
.text_orange{color:Orange;}
input[disabled="disabled"], input[disabled] {color: #000000 !important;background-color:#EFEFEF !important;}

input[readonly="readonly"], input[readonly] {color: #0000cc !important;background-color:#99cccc !important;}

input.text-1, input.text-2, input.text-3, input.text-4, input.text-5, input.text-6, input.text-7, input.text-8, input.text-9, input.text-10, input.text-11, input.text-12, input.text-13, input.text-14, input.text-15, input.text-16, input.text-17, input.text-18, input.text-19, input.text-20, input.text-25, input.text-30, input.text-35, input.text-40, input.text-45, input.text-50, input.text-55, input.text-60 {padding-left:1px !important;padding-right:1px !important;text-align:left}

/* set width of text input depend on number of character */
input.text-1{width:7px !important}
input.text-2{width:16px !important}
input.text-3{width:22px !important}
input.text-4{width:29px !important}
input.text-5{width:37px !important}
input.text-6{width:45px !important}
input.text-7{width:51px !important}
input.text-8{width:58px !important}
input.text-9{width:65px !important}
input.text-10{width:72px !important}
input.text-11{width:79px !important}
input.text-12{width:86px !important}
input.text-13{width:93px !important}
input.text-14{width:100px !important}
input.text-15{width:107px !important}
input.text-16{width:114px !important}
input.text-17{width:121px !important}
input.text-18{width:128px !important}
input.text-19{width:135px !important}
input.text-20{width:142px !important}
input.text-25{width:177px !important}
input.text-30{width:212px !important}
input.text-35{width:247px !important}
input.text-40{width:282px !important}
input.text-45{width:317px !important}
input.text-50{width:352px !important}
input.text-55{width:387px !important}
input.text-60{width:422px !important}

/* Use these classes to set the width of an input. */
input.num-1, input.num-2, input.num-3, input.num-4, input.num-5, input.num-6, input.num-7, input.num-8, input.num-9, input.num-10, input.num-11, input.num-12, input.num-13, input.num-14, input.num-15, input.num-16, input.num-17, input.num-18, input.num-19, input.num-20 {padding-left: 1px!important;padding-right: 1px!important;text-align:right}

input.num-1{ width: 7px!important}
input.num-2{ width: 16px!important}
input.num-3{ width: 22px!important}
input.num-4{ width: 29px!important}
input.num-5{ width: 37px!important}
input.num-6{ width: 45px!important}
input.num-7{ width: 51px!important}
input.num-8{ width: 58px!important}
input.num-9{ width: 65px!important}
input.num-10{ width: 72px!important}
input.num-11{ width: 79px!important}
input.num-12{ width: 86px!important}
input.num-13{ width: 93px!important}
input.num-14{ width: 100px!important}
input.num-15{ width: 107px!important}
input.num-16{ width: 114px!important}
input.num-17{ width: 121px!important}
input.num-18{ width: 128px!important}
input.num-19{ width: 135px!important}
input.num-20{ width: 142px!important}

/* style for ie6 */
.ie6 .radio{margin:1px 0 1px 0; font-size:16px}
.ie6 .formLabel{ padding-top:3px; margin-top:1px; height:20px}
.ie6 .gridLabel{ padding-top:3px; margin-top:1px; height:20px}
.ie6 .Label{ padding-top:3px; margin-top:1px; height:20px}

/* style for ie7 */
.ie7 .radio{margin:1px 0 1px 0; font-size:16px}
.ie7 .formLabel{ padding-top:6px; margin-top:1px; height:16px}
.ie7 .gridLabel{ padding-top:5px; margin-top:0px; height:21px}
.ie7 .Label{ padding-top:5px; margin-top:0px; height:21px}

/* style for ie8 & FireFox */
.gecko .radio{height:24px}
.ie8 .formLabel{ height:19px;padding-top:3px}
.gecko .formLabel{ height:19px;padding-top:3px}
.ie8 .gridLabel{ height:20px;padding-top:4px}
.gecko .gridLabel{ height:20px;padding-top:4px}
.ie8 .Label{ height:20px;padding-top:4px}
.gecko .Label{ height:20px;padding-top:4px}

/* style for chrome */
.chrome .formLabel{ height:19px;padding-top:3px}
.chrome .gridLabel{ height:20px;padding-top:4px}
.chrome .Label{ height:20px;padding-top:4px}